<!--form pupop login-->
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tabbable tabs-below">
                <div class="tab-content">
                    <div class="tab-pane active" id="one_">
                        <?php
                        include './php/view/login.php';
                        ?>
                    </div>
                    <div class="tab-pane" id="two_">
                        Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
                        Aliquam in felis sit amet augue.
                    </div>
                </div>
                <ul class="nav nav-tabs">
                    <li><a href="#one_" data-toggle="tab">đăng nhập</a></li>
                    <li><a href="#two_" data-toggle="tab">đăng ký</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--end pupop-->

<style >
    .drop-shadow {
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
        border-radius:5px;
    }
    .qty-input-div{
        width: 40px;
    }
    .t1{
        float: left ;
    }
    .qty-minus,.qty-plus{
        width: 20px;
        border: none;
        background-color: #f5f5f5;
        cursor: pointer;
    }

</style>

<!--form pupop sản phẩm-->
<div class="modal fade" id="largeModal" tabindex="-1" role="dialog" >
    <div class="modal-dialog">
        <!--<div class="tabbable tabs-below ">-->
        <div class="well drop-shadow" style="height: 600px;width:500px;">
            <div class="row" style="font-size: 17px;">
                <div class="col-xs-4 col-sm-5" style="border: 1px solid black;height: 250px;"></div>
                <div class="col-xs-8 col-sm-7">
                    <h2 style="color: #1050CF;text-align: center;">đây là title</h2>
                    <hr />
                    <p ><span style="font-weight: bold">giá tiền : </span><span style="color: #cb2027;font-weight: bold">100.000đ</span></p>
                    <form >
                        <p class="t1" style="margin-right: 10px;"><span style="font-weight: bold">số lượng : </span></p>
                        <div class="input-qty" style="margin-top: 7px;">
                            <div class="qty-minus t1 form-control" onclick="if ($(this).parent('.input-qty').find('#qty-input').val() > 1) {
                                        $(this).parent('.input-qty').find('#qty-input').val(parseInt($(this).parent('.input-qty').find('#qty-input').val()) - 1);
                                    }">-</div>
                            <div class="qty-input-div t1">
                                <input id="qty-input" type="text" name="quantity" value="1" class="form-control input-sm">
                            </div>
                            <div class="qty-plus t1 form-control" onclick="$(this).parent('.input-qty').find('#qty-input').val(parseInt($(this).parent('.input-qty').find('#qty-input').val()) + 1);">+</div>
                        </div>
                        <br />
                        <hr style="margin-top: 17px;"/>
                        <input type="submit" class="btn btn-primary btn-lg" value="ADD TO CART" style="margin-top: 15px;"/> 
                    </form>
                    <br />
                    <a href="#" class="btn btn-primary btn-sm">download pdf</a>
                </div>
            </div>
            <!--đây là phần tab-->
            <div class="row">
                <div class="col-xs-12 col-sm-12">
                    <div class="tabbable">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#one" data-toggle="tab">Chi Tiết Sản Phẩm</a></li>
<!--                            <li><a href="#two" data-toggle="tab">Two</a></li>
                            <li><a href="#twee" data-toggle="tab">Twee</a></li>-->
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="one">Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate. 
                                Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
<!--                            <div class="tab-pane" id="two">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
                                Aliquam in felis sit amet augue.</div>
                            <div class="tab-pane" id="twee">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
                                Quisque mauris augue, molestie tincidunt condimentum vitae.</div>-->
                        </div>
                    </div>
                </div>

            </div>

        </div></div></div>
<!--end pupop-->